---
type: tutorial
title: おめでとうございます！
description: >-
  「初めてのAstroブログ」チュートリアル -
  プロジェクトの最終バージョンを確認し、Astroでの次のステップを踏み出そう！
i18nReady: true
---
import Badge from '~/components/Badge.astro';
import Box from '~/components/tutorial/Box.astro';
import Checklist from '~/components/Checklist.astro';
import CompletionConfetti from '~/components/tutorial/CompletionConfetti.astro';
import PreCheck from '~/components/tutorial/PreCheck.astro';
import Button from '~/components/Button.astro';

最後にもう一つ編集を加えましょう。

```astro title="src/pages/about.astro" del={5} ins={6}
---
import BaseLayout from "../layouts/BaseLayout.astro";
const pageTitle = "私について";
const happy = true;
const finished = false;
const finished = true;
const goal = 3;
const identity = {
  firstName: "サラ",
  country: "カナダ",
  occupation: "技術ライター",
  hobbies: ["写真", "バードウォッチング", "野球"],
};
const skills = ["HTML", "CSS", "JavaScript", "React", "Astro", "ドキュメントの執筆"];
const skillColor = "navy";
const fontWeight = "bold";
const textCase = "uppercase";
---
```

あなたがAstroの基本について理解を進め、そしてその過程を楽しんでくれていれば幸いです！

このチュートリアルのコードは、[GitHub](https://github.com/withastro/blog-tutorial-demo/tree/complete)または[StackBlitz](https://stackblitz.com/github/withastro/blog-tutorial-demo/tree/complete?file=src/pages/index.astro)で確認できます。

ガイドやリファレンス資料については、ドキュメントを確認してください。また、質問をしたり、ヘルプを求めたり、あるいはただおしゃべりを楽しみたければ、私たちのDiscordにも訪れてみてください！

宇宙へようこそ、あなたはもう宇宙飛行士（astronaut）です。👩🏼‍🚀👨🏿‍🚀🧑‍🚀👩🏾‍🚀

<Box icon="check-list">

## チェックリスト

<Checklist>
- [ ] 次のAstroプロジェクトを今すぐ始めたい！ 🚀
</Checklist>
</Box>

## 次のステップ

[このプロジェクトにビュートランジションを追加](/ja/tutorials/add-view-transitions/)するか、[コンテンツコレクションを追加してブログ投稿を管理](/ja/tutorials/add-content-collections/)して、チュートリアルを拡張しましょう。

[新しいAstroプロジェクトを開始する](/ja/getting-started/)

[Discordに参加する](https://astro.build/chat)

<CompletionConfetti />

## 成果を共有しよう！

Astroブログのチュートリアル完了おめでとうございます！達成した成果を世界中にシェアして、あなたが宇宙飛行士になったことをみんなに知らせましょう！

<div style="display: flex; flex-wrap: wrap; gap: 0.5rem;">
  <Button link='https://twitter.com/intent/tweet?text=Astroブログの作成方法を学び終えました！https://docs.astro.build/ をチェックしてみてください！%0A%20%40astrodotbuild'>Twitterで共有</Button>
  <Button link='https://www.reddit.com/submit?url=https://docs.astro.build/&title=Astroブログの作成方法を学び終えました！'>Redditで共有</Button>
</div>
